<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description"
        content="谱时活动云拍摄全案专家，即时活动图片直播、视频直播、视频快剪，3分钟快速获取活动精彩照片，可针对全国发布会、庆典、年会、展览、活动、沙龙、派对、讲座、课程、会议、文化演出、体育赛事等演出公关类活动进行摄影摄像拍摄。">
    <meta name="keywords" content="谱时，云摄影，图片直播，照片直播，即时摄影摄像，视频直播，活动拍摄，公关拍摄，演出拍摄">
    <title>谱时-活动云拍摄全案专家-演出摄影-公关摄影-活动摄影-图片直播服务-谱时图片直播官网</title>
    <link rel="stylesheet" href="./css/common/reset.css">
    <link rel="stylesheet" href="./css/common/head.css">
    <link rel="stylesheet" href="./css/pc/inedx.css">
    <link rel="stylesheet" href="./css/h5/index.css">
    <link rel="stylesheet" href="./css/common/footer.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1183008_x9khyo4tzdr.css">
    <link rel="stylesheet" href="./js/swiper.min.css">
</head>

<body>

    <!--进度条-->
    <div id="progress">
        <span></span>
    </div>
    <!--首页头部-->
    <div class="tc"></div>
    <header class="index_header" id="top">
        <div class="top_bar">
            <ul class="top_bar_left">
                <li>
                    <a href="./index.html">
                        <img src="img/h5/index/logoh5.png" class="index_logo">
                    </a>
                </li>
                <li>
                    <i class="iconfont icondianhua"></i>
                    <span>400-101-0660</span>
                </li>
            </ul>
            <ul class="top_bar_right">
                <li>
                    <a href="./index.html" class="act">首页</a>
                </li>
                <li>
                    <a href="./priorityShoot.html">预约拍摄</a>
                </li>
                <li>
                    <a href="./projects.html">精选案例</a>
                </li>
                <li>
                    <a href="./enterpriseNews.html">企业新闻</a>
                </li>
                <li>
                    <a href="./photographer.html">成为摄影师</a>
                </li>
                <li>
                    <a href="./about.html">关于谱时</a>
                </li>
                <li>
                    <a href="./question.html">常见问题</a>
                </li>
            </ul>
        </div>
    </header>

    <!--移动端头部-->
    <div class="headerh5">
        <img src="img/h5/index/logoh5.png" class="indexh5_logo">
        <i class="iconfont iconkediankai"></i>
        <div class="coverbar none">
            <ul class="headerbar">
                <li><i class="iconfont icondianhua"></i><a href="tel:400-101-0660" style="color: #fff"> 400-101-0660</a>
                </li>
                <li><a href="./index.html" class="act">首页</a></li>
                <li><a href="./priorityShoot.html">预约拍摄</a></li>
                <li><a href="./projects.html">精选案例</a></li>
                <li><a href="./enterpriseNews.html">企业新闻</a></li>
                <li><a href="./photographer.html">成为摄影师</a></li>
                <li><a href="about.html">关于谱时</a></li>
                <li><a href="question.html">常见问题</a></li>
            </ul>
        </div>
    </div>
    <!--首页banner-->
    <div class="banner_box" id="box">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="img" style="background-image:url('./img/pc/index/banner1.png') "></div>
                    <!--头图文字-->
                    <div class="pushi_center_box">
                        <div class="pushi_title">
                            <h1>谱时图片直播&nbsp;&nbsp;活动云拍摄全案专家</h1>
                            <div class="major">
                                <h2>专业摄影摄像拍摄 / 3分钟云相册分享传播 / 品牌极致多元营销</h2>
                                <a class="know_pushi" href="./about.html">关于谱时<i class="iconfont iconxiangyou"
                                        style="margin-top: 2px"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="img" style="background-image:url('./img/pc/index/banner2.png') "></div>
                    <!--头图文字-->
                    <div class="pushi_center_box">
                        <div class="pushi_title">
                            <h1>2019GMIC智能影像峰会</h1>
                            <div class="major">
                                <h2>2019.7.27 中国广州</h2>
                                <a class="know_pushi" href="https://www.huodongxing.com/event/8493600174400">立即报名<i
                                        class="iconfont iconxiangyou"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="img" style="background-image:url('./img/pc/index/banner3.png') "></div>
                    <!--头图文字-->
                    <div class="pushi_center_box">
                        <div class="pushi_title">
                            <h1>2018天猫双11狂欢夜</h1>
                            <div class="major">
                                <h2>25010人看过，照片浏览量1428005</h2>
                                <a class="know_pushi" href="https://live.photoplus.cn/live/4051904">查看相册<i
                                        class="iconfont iconxiangyou"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="img" style="background-image:url('./img/pc/index/banner4.png') "></div>
                    <!--头图文字-->
                    <div class="pushi_center_box">
                        <div class="pushi_title">
                            <h1>WBA世界拳王争霸赛</h1>
                            <div class="major">
                                <h2>18426人看过，照片浏览量573216</h2>
                                <a class="know_pushi" href="https://live.photoplus.cn/live/6161179">查看相册<i
                                        class="iconfont iconxiangyou"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="img" style="background-image:url('./img/pc/index/banner5.png') "></div>
                    <!--头图文字-->
                    <div class="pushi_center_box">
                        <div class="pushi_title">
                            <h1>LVMH路威酷轩年度盛典</h1>
                            <div class="major">
                                <h2>20445人看过，照片浏览量582124</h2>
                                <a class="know_pushi" href="https://live.photoplus.cn/live/971412">查看相册<i
                                        class="iconfont iconxiangyou"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="smallImg">
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>
    <!--浮窗-->
    <div class="btn-group">
        <a class="order">预约拍摄<i class="iconfont iconyuyuepaishe"></i></a>
        <a class="service">客服<i class="iconfont iconkefu"></i></a>
    </div>
    <!--拍摄专家-->
    <div class="specialist">
        <img src="./img/pc/index/down.png" class="down_bg" />
        <h1>全球5000+客户选择的活动云拍摄全案专家</h1>
        <img src="./img/h5/index/down.png" class="none down_h5">
        <ul>
            <li>
                <img src="./img/pc/index/active1.png">
                <p>图片直播</p>
            </li>
            <li>
                <img src="./img/pc/index/active2.png">
                <p>视频直播</p>
            </li>
            <li>
                <img src="./img/pc/index/active3.png">
                <p>视频快剪</p>
            </li>
        </ul>
    </div>
    <!--高品质照片-->
    <div class="high_quality">
        <ul class="high_quality_center">
            <li>
                <img src="./img/pc/index/high_quality1.png">
                <p>高品质照片呈现</p>
                <small>超过3000名专业摄影摄像师/团队</small>
                <small>专业SOP拍摄流程</small>
                <small>专业数码修图、剪辑</small>
            </li>
            <li>
                <img src="./img/pc/index/high_quality2.png">
                <p>实时交付分享</p>
                <small>3分钟完成拍摄、修图</small>
                <small>5分钟完成摄像、剪辑</small>
                <small>高清影像实时交付与分享</small>
            </li>
            <li>
                <img src="./img/pc/index/high_quality3.png">
                <p>页面呈现丰富</p>
                <small>兼容图片及视频展示</small>
                <small>支持视频直播嵌入</small>
                <small>多种风格皮肤，满足不同商业场景</small>
            </li>
            <li>
                <img src="./img/pc/index/high_quality4.png">
                <p>品牌多元化营销</p>
                <small>定制页面开屏、banner</small>
                <small>添加品牌、主办方和嘉宾介绍</small>
                <small>添加购买链接，精准统计传播数据</small>
            </li>
            <li>
                <img src="./img/pc/index/high_quality5.png">
                <p>轻松管理影像数据</p>
                <small>时间空间、号码人脸识别 </small>
                <small>照片视频查找、分类打包</small>
                <small>一键下载、精准统计传播数据</small>
            </li>
        </ul>
        <!--移动-->
        <ul class="high_qualityh5_center none">
            <li>
                <img src="./img/h5/index/1d.png">
                <div>
                    <p>高品质照片呈现</p>
                    <small>超过3000名专业摄影摄像师/团队</small>
                    <small>专业SOP拍摄流程</small>
                    <small>专业数码修图、剪辑</small>
                </div>
            </li>
            <li>
                <div>
                    <p>实时交付分享</p>
                    <small>3分钟完成拍摄、修图</small>
                    <small>5分钟完成摄像、剪辑</small>
                    <small>高清影像实时交付与分享</small>
                </div>
                <img src="./img/h5/index/2d.png">
            </li>
            <li>
                <img src="./img/h5/index/3d.png">
                <div>
                    <p>页面呈现丰富</p>
                    <small>兼容图片及视频展示</small>
                    <small>支持视频直播嵌入</small>
                    <small>多种风格皮肤，满足不同商业场景</small>
                </div>
            </li>
            <li>
                <div>
                    <p>品牌多元化营销</p>
                    <small>定制页面开屏、banner</small>
                    <small>添加品牌、主办方和嘉宾介绍</small>
                    <small>添加购买链接，精准统计传播数据</small>
                </div>
                <img src="./img/h5/index/4d.png">
            </li>
            <li>
                <img src="./img/h5/index/5d.png">
                <div>
                    <p>轻松管理影像数据</p>
                    <small>时间空间、号码人脸识别 </small>
                    <small>照片视频查找、分类打包</small>
                    <small>一键下载、精准统计传播数据</small>
                </div>
            </li>
        </ul>
    </div>
    <!--谱时精彩服务案例-->
    <div class="case">
        <div class="case_center">
            <img src="./img/pc/index/down_case.png" class="down_case" />
            <h2>谱时精彩服务案例</h2>
            <div class="case_carousel box">
                <div class="carousel_wrap">
                    <ul class='banner'>
                        <li><img src='img/pc/index/d1.jpg'></li>
                        <li><img src='img/pc/index/d2.jpg'></li>
                        <li><img src='img/pc/index/d3.jpg'></li>
                        <li><img src='img/pc/index/d4.jpg'></li>
                        <li><img src='img/pc/index/d5.jpg'></li>
                        <li><img src='img/pc/index/d6.jpg'></li>
                    </ul>
                    <ul class='banner'>
                        <li><img src='img/pc/index/h1.jpg'></li>
                        <li><img src='img/pc/index/h2.jpg'></li>
                        <li><img src='img/pc/index/h3.jpg'></li>
                        <li><img src='img/pc/index/h4.jpg'></li>
                        <li><img src='img/pc/index/h5.jpg'></li>
                        <li><img src='img/pc/index/h6.jpg'></li>
                    </ul>
                    <ul class='banner'>
                        <li><img src='img/pc/index/l1.jpg'></li>
                        <li><img src='img/pc/index/l2.jpg'></li>
                        <li><img src='img/pc/index/l4.jpg'></li>
                        <li><img src='img/pc/index/l5.jpg'></li>
                        <li><img src='img/pc/index/l9.jpg'></li>
                        <li><img src='img/pc/index/l10.jpg'></li>
                    </ul>
                    <ul class='banner'>
                        <li><img src='img/pc/index/j1.jpg'></li>
                        <li><img src='img/pc/index/j3.jpg'></li>
                        <li><img src='img/pc/index/j4.jpg'></li>
                        <li><img src='img/pc/index/j5.jpg'></li>
                        <li><img src='img/pc/index/j8.jpg'></li>
                        <li><img src='img/pc/index/j9.jpg'></li>
                    </ul>
                    <ul class='banner'>
                        <li><img src='img/pc/index/k1.jpg'></li>
                        <li><img src='img/pc/index/k3.jpg'></li>
                        <li><img src='img/pc/index/k5.jpg'></li>
                        <li><img src='img/pc/index/k7.jpg'></li>
                        <li><img src='img/pc/index/k8.jpg'></li>
                        <li><img src='img/pc/index/k9.jpg'></li>
                    </ul>
                    <ul class='banner'>
                        <li><img src='img/pc/index/q1.jpg'></li>
                        <li><img src='img/pc/index/q3.jpg'></li>
                        <li><img src='img/pc/index/q5.jpg'></li>
                        <li><img src='img/pc/index/q6.jpg'></li>
                        <li><img src='img/pc/index/q7.jpg'></li>
                        <li><img src='img/pc/index/q8.jpg'></li>
                    </ul>
                    <ul class='banner'>
                        <li><img src='img/pc/index/s1.jpg'></li>
                        <li><img src='img/pc/index/s2.jpg'></li>
                        <li><img src='img/pc/index/s4.jpg'></li>
                        <li><img src='img/pc/index/s7.jpg'></li>
                        <li><img src='img/pc/index/s8.jpg'></li>
                        <li><img src='img/pc/index/s11.jpg'></li>
                    </ul>
                    <ul class='banner'>
                        <li><img src='img/pc/index/t1.jpg'></li>
                        <li><img src='img/pc/index/t3.jpg'></li>
                        <li><img src='img/pc/index/t4.jpg'></li>
                        <li><img src='img/pc/index/t6.jpg'></li>
                        <li><img src='img/pc/index/t9.jpg'></li>
                        <li><img src='img/pc/index/t11.jpg'></li>
                    </ul>
                    <ul class='banner'>
                        <li><img src='img/pc/index/x1.jpg'></li>
                        <li><img src='img/pc/index/x2.jpg'></li>
                        <li><img src='img/pc/index/x3.jpg'></li>
                        <li><img src='img/pc/index/x4.jpg'></li>
                        <li><img src='img/pc/index/x5.jpg'></li>
                        <li><img src='img/pc/index/x6.jpg'></li>
                    </ul>
                    <ul class='banner'>
                        <li><img src='img/pc/index/c2.jpg'></li>
                        <li><img src='img/pc/index/c3.jpg'></li>
                        <li><img src='img/pc/index/c4.jpg'></li>
                        <li><img src='img/pc/index/c5.jpg'></li>
                        <li><img src='img/pc/index/c7.jpg'></li>
                        <li><img src='img/pc/index/c8.jpg'></li>
                    </ul>
                    <ul class='banner'>
                        <li><img src='img/pc/index/z1.jpg'></li>
                        <li><img src='img/pc/index/z5.jpg'></li>
                        <li><img src='img/pc/index/z7.jpg'></li>
                        <li><img src='img/pc/index/z8.jpg'></li>
                        <li><img src='img/pc/index/z11.jpg'></li>
                        <li><img src='img/pc/index/z12.jpg'></li>
                    </ul>
                </div>
                <ul class='list'>
                    <li class='active'>
                        <a href="javascript:;" class="active">大型发布会</a>
                    </li>
                    <li>
                        <a href="javascript:;">会议论坛</a>
                    </li>
                    <li>
                        <a href="javascript:;">婚礼跟拍</a>
                    </li>
                    <li>
                        <a href="javascript:;">节目录制</a>
                    </li>
                    <li>
                        <a href="javascript:;">课程讲座</a>
                    </li>
                    <li>
                        <a href="javascript:;">庆典年会</a>
                    </li>
                    <li>
                        <a href="javascript:;">沙龙趴体</a>
                    </li>
                    <li>
                        <a href="javascript:;">体育赛事</a>
                    </li>
                    <li>
                        <a href="javascript:;">团队旅行</a>
                    </li>
                    <li>
                        <a href="javascript:;">文艺演出</a>
                    </li>
                    <li>
                        <a href="javascript:;">展览展销</a>
                    </li>
                </ul>
                <div class="left"><i class=' iconfont iconchevron-left'></i> </div>
                <div class="right"><i class=' iconfont iconchevron-r'></i></div>
            </div>
        </div>
    </div>
    <!--企业新闻-->
    <div class="news">
        <img src="img/pc/index/down_news.png" class="down_news">
        <h2>企业新闻</h2>
        <ul>
            <li>
                <img src="./img/pc/enterpriseNews/news1.png">
                <div class="coverbg none">
                    <a target="_black"
                        href="https://baijiahao.baidu.com/s?id=1637302004896661297&wfr=spider&for=pc">查看详情</a>
                </div>
                <div class="news_dic">
                    <p>谱时图片直播与世界中小企业大会战略合作</p>
                    <small>美通社</small>
                    <small>原稿发布于 2019-06-25 16:44</small>
                </div>
            </li>
            <li>
                <img src="./img/pc/enterpriseNews/news2.png">
                <div class="coverbg none">
                    <a target="_black"
                        href="https://mp.weixin.qq.com/s?__biz=MzI2NjQyOTgxMg==&mid=2247492915&idx=1&sn=2ac2b01397c476f922754f3bee9fdafd&chksm=ea8c9128ddfb183e9ae99578e9e5c3c46edffe08fcc38421cddf3ddb2602fdc88a9d50b1c9bc&token=1018887523&lang=zh_CN#rd">查看详情</a>
                </div>
                <div class="news_dic">
                    <p>谱时图片直播页面正式上线，功能更新大揭秘</p>
                    <small>微信公众号</small>
                    <small>原稿发布于 2019-06-20 13:14</small>
                </div>
            </li>
            <li>
                <img src="./img/pc/enterpriseNews/news3.png">
                <div class="coverbg none">
                    <a target="_black" href="http://business.china.com.cn/2019-04/23/content_40727784.html">查看详情</a>
                </div>
                <div class="news_dic">
                    <p>“图片直播开创者”谱时为中小企业传播助力</p>
                    <small>东方网</small>
                    <small>原稿发布于 2019-04-23 13:14</small>
                </div>
            </li>
        </ul>
    </div>
    <!--服务客户-->
    <div class="server_people">
        <img src="./img/pc/index/down_server.png" class="down_server">
        <h2>谱时服务过的客户</h2>
        <img src="./img/pc/index/logoWall.png" class="logoWall">
        <img src="./img/h5/index/logow.png" class="logowall_h5 none">
    </div>
    <!--服务流程-->
    <div class="flow">
        <div class="flow_center">
            <img src="./img/pc/index/down_flow.png" class="down_flow">
            <h2>服务流程</h2>
            <ul class="count">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
            </ul>
            <div class="line"></div>
            <ul class="cir">
                <li>
                    <span></span>
                </li>
                <li>
                    <span></span>
                </li>
                <li>
                    <span></span>
                </li>
                <li>
                    <span></span>
                </li>
            </ul>
            <ul class="text">
                <li>服务咨询</li>
                <li>沟通方案签订合同</li>
                <li>专业拍摄修图及剪辑</li>
                <li>实时交付</li>
            </ul>
            <div class="listbox">
                <ul class="counth5 none">
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                </ul>
                <div class="lineh5 none"></div>
                <ul class="cirh5 none">
                    <li>
                        <span></span>
                    </li>
                    <li>
                        <span></span>
                    </li>
                    <li>
                        <span></span>
                    </li>
                    <li>
                        <span></span>
                    </li>
                </ul>
                <ul class="texth5 none">
                    <li>服务咨询</li>
                    <li>沟通方案<br />签订合同</li>
                    <li>专业拍摄<br />修图及剪辑</li>
                    <li>实时交付</li>
                </ul>
            </div>
        </div>
    </div>
    <!--新用户优惠-->
    <div class="favorable">
        <img src="./img/pc/index/bottom_center.png" class="privilege" />
        <div class="favorablePage">
            <div class="favorablePage_left">
                <div class="write">
                    <h3>新用户首次优惠</h3>
                    <h3>First discount for new users</h3>
                </div>
                <div class="point">
                    <span>24</span>
                    <small>%</small>
                </div>
            </div>
            <div class="dashedline none"></div>
            <!--立即预约-->
            <div id="indexform">
                <div class="make_appointments">
                    <div class="from_group">
                        <label>如何称呼您</label>
                        <input type="text" name="name" placeholder="请在这里输入" />
                    </div>
                    <div class="from_group">
                        <label>您的手机号码</label>
                        <input type="text" name="phone" placeholder="请在这里输入" />
                    </div>
                    <div class="from_group">
                        <label>验证码</label>
                        <div class="sp">
                            <input type="text" placeholder="请在这里输入" name="code" />
                            <a class="getCode">获取验证码</a>
                        </div>
                    </div>
                    <div class="from_group">
                        <div class="appointmentBtn">立即预约</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--移动端底部背景-->
    <div class="bottom_bg none"></div>
    <!--底部列表-->
    <div class="bottom_list">
        <div class="bottom_list_center">
            <ul>
                <li>
                    <span>谱时服务</span>
                </li>
                <li>
                    <a href="./priorityShoot.html">预约拍摄</a>
                </li>
                <li>
                    <a href="./projects.html">精选案例</a>
                </li>
                <li>
                    <a href="http://www.plusx.cn/hot/list/">热门相册</a>
                </li>
                <li>
                    <a href="./photographer.html">成为摄影师</a>
                </li>
            </ul>
            <ul>
                <li>
                    <span>了解谱时</span>
                </li>
                <li>
                    <a href="./about.html">关于谱时</a>
                </li>
                <li>
                    <a href="./enterpriseNews.html">企业新闻</a>
                </li>
                <li>
                    <a href="./question.html">常见问题</a>
                </li>
            </ul>
            <ul>
                <li>
                    <span>联系谱时</span>
                </li>
                <li>
                    <a>400-101-0660</a>
                </li>
                <li>
                    <a>contact@plusx.cn</a>
                </li>
                <li>
                    <a href="">
                        <img src="">
                        <img src="">
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <span>联系地址</span>
                </li>
                <li>
                    <a>北京市海淀区上地信息路2号2号楼25层25A号-1</a>
                </li>
                <li>
                    <a>上海市崇明区长兴镇江南大道1333弄1号楼219室</a>
                </li>
            </ul>
        </div>
    </div>
    <!--首页底部-->
    <footer>
        <div class="bottom_last">
            <div class="bottom_last_center">
                <span>copyright © 2015-2019 PLUS</span>
                <span>京ICP备15009106号-3</span>
                <span>谱时图片直播-云活动拍摄全案专家</span>
            </div>
        </div>
    </footer>
    <!--移动端底部-->
    <div class="bottom_h5 none">
        <ul class="list_dic">
            <li class="list_dic_li">谱时服务<i class="iconfont iconchevron-r"></i>

            </li>
            <ul class="mobilefoot">
                <li><a href="./priorityShoot.html">预约拍摄</a></li>
                <li><a href="./projects.html">精选案例</a></li>
                <li><a href="http://www.plusx.cn/hot/list/">热门相册</a></li>
                <li><a href="./photographer.html">成为摄影师</a></li>
            </ul>
            <li class="list_dic_li">了解谱时<i class="iconfont iconchevron-r"></i>

            </li>
            <ul class="mobilefoot">
                <li><a href="./about.html">关于谱时</a></li>
                <li><a href="./enterpriseNews.html">企业新闻</a></li>
                <li><a href="./question.html">常见问题</a></li>
            </ul>
            <li class="list_dic_li">联系谱时<i class="iconfont iconchevron-r"></i>

            </li>
            <ul class="mobilefoot">
                <li><a>400-101-0660</a></li>
                <li><a>contact@plusx.cn</a></li>
            </ul>
            <li class="list_dic_li">联系地址<i class="iconfont iconchevron-r"></i>

            </li>
            <ul class="mobilefoot">
                <li><a>北京市海淀区上地信息路2号2号楼25层25A号-1</a></li>
                <li><a>上海市崇明区长兴镇江南大道1333弄1号楼219室</a></li>
            </ul>
        </ul>
        <ul class="list_last">
            <span>copyright © 2015-2019 PLUS</span>
            <span>京ICP备15009106号-3</span>
            <p>承影互联（北京）科技有限公司</p>
        </ul>
    </div>
    <!--首页弹窗-->
    <!--预约成功-->
    <div class="appointment_succee none">
        <div class="close">
            <img src="./img/pc/priorityShoot/close.png" class="close_img">
        </div>
        <div class="succes">
            <img src="./img/pc/priorityShoot/succes.png" class="succes_img">
        </div>
        <p>您的预约已成功提交</p>
        <p>客服将在2小时内与您取得联系，感谢您对谱时的支持</p>
        <h3>客服电话</h3>
        <h4>400-101-0660</h4>
        <h3>微信公众号</h3>
        <img src="./img/pc/priorityShoot/code.png" class="code">
    </div>

    <!--弹窗-->
    <div class="dialog none">
        <div class="center_box">
            <!--立即预约-->
            <div class="make_appointment" id="indexdialog">
                <img src="./img/pc/priorityShoot/close.png" class="close">
                <img class="shoot_logo" src="./img/pc/priorityShoot/ylogo.png" />
                <h1>活动云拍摄全案专家</h1>
                <div class="from_group">
                    <label>如何称呼您</label>
                    <input type="text" name="name" placeholder="请输入姓名">
                </div>
                <div class="from_group">
                    <label>您的手机号码</label>
                    <input type="text" name="phone" placeholder="请输入手机号">
                </div>
                <div class="from_group">
                    <label>验证码</label>
                    <div class="sp">
                        <input type="text" name="code" placeholder="请输入验证码" />
                        <a class="getCode">获取验证码</a>
                    </div>
                </div>
                <div class="from_group">
                    <label>拍摄城市</label>
                    <input type="text" name="address" placeholder="请输入您要拍摄的城市所在地，例如：广东深圳">
                </div>
                <div class="from_group">
                    <label>拍摄时间</label>
                    <input type="text" name="time" placeholder="请输入您想要拍摄的时间，例如：2019-01-01至03">
                </div>
                <div class="from_group">
                    <div class="appointmentBtn">立即预约</div>
                </div>
            </div>
            <!--预约成功-->
            <div class="appointment_succee none">
                <div class="close">
                    <img src="./img/pc/priorityShoot/close.png" class="close_img">
                </div>
                <div class="succes">
                    <img src="./img/pc/priorityShoot/succes.png" class="succes_img">
                </div>
                <p>您的预约已成功提交</p>
                <p>客服将在2小时内与您取得联系，感谢您对谱时的支持</p>
                <h3>客服电话</h3>
                <h4>400-101-0660</h4>
                <h3>微信公众号</h3>
                <img src="./img/pc/priorityShoot/code.png" class="code">
            </div>
        </div>
    </div>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/head.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?e3b94bcaedc287f3efeeec269fbdfc4e";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script>
        /*头图轮播*/
        var bannerText = ["谱时图片直播", "2019GMIC智能影像峰会", "2018天猫双11狂欢夜", "WBA世界拳王争霸赛", "LVMH路威酷轩年度盛典"]
        var swiper = new Swiper('.swiper-container', {
            autoplay: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
                paginationClickable: true,
                renderBullet: true,
                pagination: '.swiper-pagination',
                renderBullet: function (index, className) {
                    return '<div class="' + className + '" ><div class="swiper-small" style="background-image:url(./img/pc/index/banner' + (index + 1) + '.png);" ><p>' + bannerText[index] + '</p></div></div>';
                },
            },
        });



        /*新闻hover*/
        $(".news ul li ").hover(function () {
            var index = $(this).index();
            $(".news li").eq(index).find('.coverbg').fadeIn();
        }, function () {
            var index = $(this).index();
            $(".news li").eq(index).find('.coverbg').fadeOut();
        });


        /*案例轮播*/
        var caseIndex = 0

        $('.list li').click(function () {
            caseIndex = $(this).index()
            swiper = new swiperCase()
        })
        function swiperCase() {
            this.width = $('.carousel_wrap .banner li').width()
            this.swiperContainer = $('.carousel_wrap .banner').eq(caseIndex)
            this.sliderLength = this.swiperContainer.find('li').length
            this.swiperPage = $('.list li')
            this.index = 0
            this.autoTime = null;
            var _this = this
            this.switch()
            this.auto()
            $('.box .left').click(function () {
                _this.left()
            })
            $('.box .right').click(function () {
                _this.right()
            })
            $('.box').mouseover(function () {
                clearInterval(_this.autoTime)
            })
            $('.box').mouseout(function () {
                _this.auto()
            })

        }
        swiperCase.prototype.left = function () {
            if (this.index == 0) {
                caseIndex--
                if (caseIndex < 0) {
                    this.caseIndex = this.swiperPage.length - 1
                }
                this.switch()
            }
            if (this.index > 0) {
                this.index--
                this.swiperContainer.css('transform', 'translate3d(' + -this.index * this.width + 'px, 0, 0)')
            }
        }
        swiperCase.prototype.right = function () {
            if (this.index == this.sliderLength - 1) {
                this.index = 0
                caseIndex++
                if (caseIndex > this.swiperPage.length - 1) {
                    caseIndex = 0
                }
                this.switch()
            }
            if (this.index < this.sliderLength - 1) {
                this.index++
                this.swiperContainer.css('transform', 'translate3d(' + -this.index * this.width + 'px, 0, 0)')
            }
        }
        swiperCase.prototype.switch = function () {
            this.swiperContainer = $('.carousel_wrap .banner').eq(caseIndex)
            this.swiperPage.eq(caseIndex).addClass('active').siblings().removeClass('active')
            $('.carousel_wrap .banner').eq(caseIndex).show().siblings().hide()
        }
        swiperCase.prototype.auto = function () {
            var _this = this
            this.autoTime = setInterval(function () {
                _this.right()
            }, 3000)
        }

        var swiper = new swiperCase()

        $('.favorable .getCode').click(function () {

            if ($(this).text() == '获取验证码') {
                console.log($(this).text())
                getcode('#indexform')
            }
        })
        $(".dialog .getCode").click(function () {

            if ($(this).text() == '获取验证码') {
                console.log($(this).text())
                getcode('#indexdialog')
            }
        })
        $('.appointmentBtn').click(function () {
            validform('#indexform')
        })
        $(".close_img").click(function () {
            $(".appointment_succee").fadeOut(300);
            $(".make_appointment").fadeIn(300);
        })


    </script>
</body>